<!DOCTYPE html>
<html lang="zh">
<!--Created by 黄伟峰 on 2020/6/5.by:web_hwf@sina.com-->
<head>
  <meta charset="UTF-8">
  <title>内嵌页</title>

  <!--响应式约束-->
  <meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1 user-scalable=no"/>
  <!--使用IE兼容模式渲染-->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
  <meta name="renderer" content="webkit">

  <style>
    button{
      width: calc(100% - 0.6rem);
      margin: 0.3rem;
      background-color: cornflowerblue;
      color: #ffffff;
      padding: 0.5rem 0;
      border: 0;
    }
  </style>
</head>
<body>

<button style="" onclick="getUser()">获取用户信息</button>
<button style="" onclick="getWeRun()">获取微信步数</button>
<button style="" onclick="getPhoneNumber()">获取手机号码</button>
<!--<button style="" onclick="getWXEnv()">获取当前环境</button>-->
<button style="" onclick="getLocation()">获取地理位置</button>
<button style="" onclick="setShareUser()">分享好友</button>
<p id="showView"></p>
<script src="./vconsole.min.js"></script>
<script src="./wx-lw-sdk.js"></script>
<script>
  // 开启调试
  const vConsole = new VConsole()

  // 获取对应返回值
  wxLw.getQueryVariable().then(res => {
    console.log('res',res)
    let str = JSON.stringify(res)
    document.getElementById('showView').innerHTML = '正确返回：' + str
  }).catch(err => {
    console.log('err',err)
    document.getElementById('showView').innerHTML = '错误返回：' + err
  })

  // 获取用户信息
  function getUser () {
    wxLw.getWxData('getUserInfo')
  }

  // 获取微信步数
  function getWeRun() {
    wxLw.getWxData('getWeRun')
  }

  // 获取手机号
  function getPhoneNumber() {
    wxLw.getWxData('getPhoneNumber')
  }

  // 获取地址位置
  function getLocation() {
    wxLw.getWxData('getLocation')
  }

  // 获取手机号
  function getWXEnv() {
    wxLw.getWXEnv().then((res) => {
      console.log(res)
    })
  }
  // 分享微信好友
  function setShareUser() {
    // 需要分享的数据
    let shareData = {
      title: '测试分享微信好友这是个标题', // 分享标题
      path: 'https://wfhuang.gitee.io/wx_sdk/demo.html', //分享的页面路径
      imageUrl: '', // 图片地址 必传
    }
    wxLw.setWxData('setShareUser', shareData)
  }
</script>
</body>
</html>
